<template>
    <div>
        <!-- 面包屑导航 -->
        <el-card class="box-card">
            <div slot="header" class="headerClass">
                <span>{{ boxName }}</span>
                <div style="float: right; padding: 3px 0" type="text">
                    <i class="el-icon-edit"></i>
                </div>
            </div>
            <slot name="content"></slot>
        </el-card>
    </div>
</template>
  
<script>
export default {
    props: {
        boxName: {
            type: String,
            default: '标题'
        }
    },
    data() {
        return {
            formData: {
                input: '123',
                input1: '1232'
            },
            option: {
                column: [
                    {
                        span: 8,
                        label: '输入框',
                        prop: 'input',
                        type: 'input'
                    },
                    {
                        span: 8,
                        label: '输入22框',
                        prop: 'input1'
                    },
                    {
                        span: 8,
                        label: '输入22框',
                        prop: 'input1'
                    }
                ]
            }
        }
    },
    // 注册组件
    /**
     * 数据发生改变
     */

    /**
     * 创建完毕
     */
    created() {

    },

    /**
     * 里面的方法只有被调用才会执行
     */
    methods: {
    }
}
</script>
  
<style lang="scss" scoped>
.box-card {
    margin-top: 15px;

    /deep/ .el-card__header {
        background-color: #cdcdcd;
        padding: 10px 20px;
    }

}
</style>
  
   
   